﻿<MCard>
    <MTabs
        Color="deep-purple accent-4"
        Right>
        <MTab>Landscape</MTab>
        <MTab>City</MTab>
        <MTab>Abstract</MTab>

        @foreach (var item in Enumerable.Range(1, 3))
        {
            <MTabItem>
                <MContainer Fluid>
                    <MRow>
                        @foreach (var col in Enumerable.Range(1, 6))
                        {
                            <MCol
                                Cols="12"
                                Md="4">
                                <MImage
                                    Src="@($"https://picsum.photos/500/300?image={col * item * 5 + 10}")"
                                    LazySrc="@($"https://picsum.photos/10/6?image={col * item * 5 + 10}")"
                                    AspectRatio="1">
                                </MImage>
                            </MCol>
                        }
                    </MRow>
                </MContainer>
            </MTabItem>
        }
    </MTabs>
</MCard>